<html>
<head>
    <meta charset="utf-8"/>
    <title>ofd.js Demo</title>

    <style type="text/css">
        body {
            font-family: sans-serif;
            background-color: #ceedf4;
            margin: 0;
            padding: 0;
            color: rgb(51, 51, 51);
        }

        .dia {
            top: 0;
            left: 0;
            /* width: 100%; */
            /* height: 100%; */
            overflow: auto;
        }

        .content {
            width: 1000px;
            height: 90vh;
            margin: 50px auto;
            border-radius: 10px;
        }

        .contain {
            width: 1000px;
            height: 80vh;
        }

        div.page {
            position: relative;
            background-color: white;
            margin: 16px auto;
            box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.2);
        }

    </style>
    <script type="text/javascript" src="./OfdParser.js"></script>
    <script type="text/javascript" src="https://unpkg.com/ofd.js"></script>


</head>
<body>
<script type="text/javascript">
    ofd.onWebassemblyRuntimeInitialized(()=>{
        document.getElementById('avatar').hidden = false
    })
</script>
<h1>ofd.js demo</h1>

<input type="file"
       hidden="hidden"
       id="avatar" name="ofd文件"
       accept="ofd" onchange="ofd.openOFDBaseViewer(this.files[0])">
<div>
    <div class="dia">
        <div class="content" id="content">

            <div id="OfdView" style="overflow:auto; position: absolute; background: #FAF9DE" class="contain"
                 >
            </div>

        </div>
    </div>

</div>
</body>
</html>
